<!doctype html>
<html >
<head>
	<meta charset="UTF-8">
	<title>星火教育首页</title>
	<link rel="stylesheet" href="css/style.css">
	<script src="js/jquery.js">
</script>

</head>
<body>
	<div id="wraper">
		<header>
			<div class="header">
				<div class="tnav">
				
					<div class="container">
						<ul class="tfln">
							<li><a href="">星火官方微信</a></li>
							<li><a href="">星火官方微博</a></li>
							<li><a href="">校区地区查询</a></li>
							<li><a href="">免费咨询热线：400111450</a></li>
						</ul>
					</div>
				</div>
				<div class="container">
					<div class="cnav">
						<div class="fl"><a href=""><img src="images/logo.gif" alt="logo"></a>
							<div class="areasel"><span>地区选择
								<select>
								  <option value ="东莞">东莞</option>
								  <option value ="深圳">深圳</option>
								  <option value="广州">广州</option>
								  <option value="佛山">佛山</option>
								</select>
							</span>
								<span>年纪选择
								<select>
								  <option value ="初中">初中</option>
								  <option value ="小学">小学</option>
								  <option value="高中">高中</option>
								</select>
					
								</span>
							</div>
					
						</div>
					
						<div class="fr">
							<form action="" method="post"><input type="text" name="" class="tsearchl"><input type="submit" name="" 
								class="tsearchr"></form>
							<ul>
							<li>热门搜索：</li>	
								<a href="">
									<li>在线报读</li>
								</a>
								<a href="">
									<li>星火课堂视频</li>
								</a>
							</ul>
						</div>
					
					</div>
				</div>
				<div style="clear:both;"></div>
				<div class="bnav">
					<div class="container">
						<ul class="mnavl">
							<a href="">
								<li>小学教育</li>
							</a>
								<li >
									<div id="clcourse">
										<a id="clbth">初中课程</a>
					
										<ul class="clcourse">
											<a href=""><li>中考课程</li></a>
											<a href=""><li>初二生地</li></a>
											<a href=""><li>初一课程</li></a>
											<a href=""><li>初二课程</li></a>
											<a href=""><li>初三课程</li></a>
										</ul>
									</div>
				
								</li>
							<a href="">
								<li>高中课程</li>
							</a>
							<a href="">
								<li>星火老师</li>
							</a>
							<a href="">
								<li>学员通道</li>
							</a>
							<a href="">
								<li>学习互动</li>
							</a>
						</ul>
						<ul class="mnavr">
							<a href="">
								<li>关于星火</li>
							</a>
							<a href="">
								<li>星火官网</li>
							</a>
							<a href="">
								<li class="navget"><span>在线报读有优惠</span></li>
							</a>
						</ul>
					</div>
				</div>
			</div>
		</header>
		<section>
			<!--滑块展示-->

			<div class="tslider">
				<div class="container">
					<div class="slidel">
						<i></i>
						<div class="simg">
							<ul>
								<li><img src="images/banner01.jpg"/>
									<span><i>&nbsp;</i><h3>学位稀缺竞争激烈</h3>
										<p>三所民办中小学涨价4成</p>
				
									</span>
								</li>
								<li><img src="images/banner01.jpg"/>
									<span><i>&nbsp;</i><h3>学位稀缺竞争激烈</h3>
										<p>三所民办中小学涨价4成</p>
				
									</span>
								</li>
								<li><img src="images/banner01.jpg"/>
									<span><i>&nbsp;</i><h3>学位稀缺竞争激烈</h3>
										<p>三所民办中小学涨价4成</p>
				
									</span>
								</li>
								<li><img src="images/banner01.jpg"/>
									<span><i>&nbsp;</i><h3>学位稀缺竞争激烈</h3>
										<p>三所民办中小学涨价4成</p>
				
									</span>
								</li>
							</ul>
							
						</div>
				
						<ol class="clickslide" id="b04">
								
							</ol>
				
					</div>
					<div class="slideri">
						<div class="subht">
				
							<div class="slittext">
								<h3>学位稀缺竞争激烈 三所民办中小学涨价4成</h3>
								<ul>
									<li><span><a href="">备考攻略</a></span>|
										<a href="">2014广东高考前夕如何武装备考心态</a></li>
									<li><span><a href="">备考攻略</a></span>|<a href="">2014广东高考前夕如何武装备考心态</a></li>
									<li><span><a href="">备考攻略</a></span>|<a href="">2014广东高考前夕如何武装备考心态</a></li>
								</ul>
				
								<h3>学位稀缺竞争激烈 三所民办中小学涨价4成</h3>
								<ul>
									<li><span><a href="">备考攻略</a></span>|<a href="">2014广东高考前夕如何武装备考心态</a></li>
									<li><span><a href="">备考攻略</a></span>|<a href="">2014广东高考前夕如何武装备考心态</a></li>
									<li><span><a href="">备考攻略</a></span>|<a href="">2014广东高考前夕如何武装备考心态</a></li>
								</ul>
							</div>
							
						</div>
						<div class="subhb">
							<form action="" method="post">

								<div class="loginleft">
									<input type="text" value="" placeholder="用户名">
									<input type="password" value="" placeholder="密码">
								</div>

								<div class="loginright">
									<button type="submit" class="slilogin"><span>登陆</span></button>
									<span><a href="">注册</a>&nbsp;&nbsp;<a href="">忘记密码</a></span>
								</div>
							</form>
						</div>
					</div>
				</div>

				<div class="clearfix"></div>
			</div>

		</section>
		<section>
			<div class="focus2">
				<div class="container">
					<div class="focusl">
						<div class="blocki">
							<span><img src="images/demo_01.gif"></span>
							<a href=""><h3>星火一对一</h3>
								<p>量身定制课程,名师一对一授课</p></a>
						</div>
						<div class="blocki">
							<span><img src="images/demo_02.gif"></span>
							<a href=""><h3>精品小班</h3>
								<p>明确考试范围，划分考试重难点</p></a>
						</div>
						<div class="blocki">
							<span><img src="images/demo_03.gif"></span>
							<a href=""><h3>中考承诺班</h3>
								<p>签约承诺进目标学校，无效退款</p></a>
						</div>
						<div class="blocki">
							<span><img src="images/demo_04.gif"></span>
							<a href=""><h3>星学员</h3>
								<p>星火学员通道，调课、查看课时</p></a>
						</div>
						<div class="blocki">
							<span><img src="images/demo_05.gif"></span>
							<a href=""><h3>星课堂</h3>
								<p>亲临现场观看，星火老师上课视频</p></a>
						</div>
						<div class="blocki">
							<span><img src="images/demo_06.gif"></span>
							<a href=""><h3>星学堂</h3>
								<p>免费讲座、免费公开课等你报名</p></a>
						</div>
					</div>
					<div class="focusr">
						<div class="focusslider">

							<ul class="fosliul">

								<li>
									<span><img src="images/focusfeature.jpg" alt="同学"></span>
									<div class="focustext">
										<h4>周伟同学</h4>
										<ul>
											<li>常平校区 / 辅导内容地理</li>
											<li>辅导前分数78分</li>
											<li>辅导后分数94分</li>
										</ul>
										<p>个性分析学生性格较为内向，不大爱说话。做题有点马虎，很多知识点掌握的都不够全面个性分析学生性格较为内向</p>
									</div>
								</li>
								<li>
									<span><img src="images/focusfeature.jpg" alt="同学"></span>
									<div class="focustext">
										<h4>周伟同学</h4>
										<ul>
											<li>常平校区 / 辅导内容地理</li>
											<li>辅导前分数78分</li>
											<li>辅导后分数94分</li>
										</ul>
										<p>个性分析学生性格较为内向，不大爱说话。做题有点马虎，很多知识点掌握的都不够全面个性分析学生性格较为内向</p>
									</div>
								</li>
								<li>
									<span><img src="images/focusfeature.jpg" alt="同学"></span>
									<div class="focustext">
										<h4>周伟同学</h4>
										<ul>
											<li>常平校区 / 辅导内容地理</li>
											<li>辅导前分数78分</li>
											<li>辅导后分数94分</li>
										</ul>
										<p>个性分析学生性格较为内向，不大爱说话。做题有点马虎，很多知识点掌握的都不够全面个性分析学生性格较为内向</p>
									</div>
								</li>
				
							</ul>
						</div>
					</div>
				</div>
				<div class="clearfix"></div>
			</div>
		</section>
		<section>
			<div class="starteacher">
				<div class="container">
					<!--老师无缝切换滑块-->
					<h3 class="starh3">星·教师</h3>
					<div id="teachslide" class="cxscroll">

						<div class="box">
							<ul class="list">
								<li><a href=""><img src="images/teacher_img.png" ></a>
									<span>alan</span>
									<h4>任宏团</h4>
									<p class="p1">辅导科目：化学/辅导年级：高中</p>
									<p class="p2">老师简介：星火一级教师北大师范毕业成功培养20名北大学生</p>
									<i>more+</i>
								</li>
								<li><a href=""><img src="images/teacher_img.png" ></a>
									<span>alan</span>
									<h4>任宏团</h4>
									<p class="p1">辅导科目：化学/辅导年级：高中</p>
									<p class="p2">老师简介：星火一级教师北大师范毕业成功培养20名北大学生</p>
									<i>more+</i>
								</li>
								<li><a href=""><img src="images/teacher_img.png" ></a>
									<span>alan</span>
									<h4>任宏团</h4>
									<p class="p1">辅导科目：化学/辅导年级：高中</p>
									<p class="p2">老师简介：星火一级教师北大师范毕业成功培养20名北大学生</p>
									<i>more+</i>
								</li>
								<li><a href=""><img src="images/teacher_img.png" ></a>
									<span>alan</span>
									<h4>任宏团</h4>
									<p class="p1">辅导科目：化学/辅导年级：高中</p>
									<p class="p2">老师简介：星火一级教师北大师范毕业成功培养20名北大学生</p>
									<i>more+</i>
								</li>
								<li><a href=""><img src="images/teacher_img.png" ></a>
									<span>alan</span>
									<h4>任宏团</h4>
									<p class="p1">辅导科目：化学/辅导年级：高中</p>
									<p class="p2">老师简介：星火一级教师北大师范毕业成功培养20名北大学生</p>
									<i>more+</i>
								</li>
								<li><a href=""><img src="images/teacher_img.png" ></a>
									<span>alan</span>
									<h4>任宏团</h4>
									<p class="p1">辅导科目：化学/辅导年级：高中</p>
									<p class="p2">老师简介：星火一级教师北大师范毕业成功培养20名北大学生</p>
									<i>more+</i>
								</li>
								
							</ul>

						</div>
						<a class="prev"></a> <a class="next"></a>
					</div>
				</div>
			</div>
		</section>
		<section>
			<div class="starthings">

				<div class="container">
					<h3>星·事件</h3>
					<div class="starthco">
						<p>·寒假规划·杯赛冲刺复习·华杯冬令营</p>
						<img src="images/star_things.png">
						<p>·寒假规划·杯赛冲刺复习·华杯冬令营</p>
					</div>
				</div>
			</div>
		</section>
		<section>
			<div class="starcourse">
				<div class="container">
					<h3 class="coursetitle">
						星·课程
					</h3>
					<div class="coursel">
						<div class="courseimg">
							<img src="images/course_img.png">
							<div class="course_text">
								<h4>【小升初精英班】六年级语文</h4>
								<p>关注度：★★★★</p>
								<p>适合人群：六年级学生</p>
								<p>上课时间：周一至周日</p>
							</div>
						</div>
						<div class="courseclass">
							<h3>小升初精英班</h3>
							<div class="classtext">
								<p>六年级语文</p>
								<p>关注度：★★★★</p>
								<p>适合人群：六年级学生</p>
							</div>
							<h3>小升初精英班</h3>
							<div class="classtext">
								<p>六年级语文</p>
								<p>关注度：★★★★</p>
								<p>适合人群：六年级学生</p>
							</div>
							<h3>小升初精英班</h3>
							<div class="classtext">
								<p>六年级语文</p>
								<p>关注度：★★★★</p>
								<p>适合人群：六年级学生</p>
							</div>
						</div>
					</div>
					<div class="courser">
						<div class="courseimg">
							<img src="images/course_img.png">
							<div class="course_text">
								<h4>【小升初精英班】六年级语文</h4>
								<p>关注度：★★★★</p>
								<p>适合人群：六年级学生</p>
								<p>上课时间：周一至周日</p>
							</div>
						</div>
						<div class="courseclass">
							<h3>小升初精英班</h3>
							<div class="classtext">
								<p>六年级语文</p>
								<p>关注度：★★★★</p>
								<p>适合人群：六年级学生</p>
							</div>
							<h3>小升初精英班</h3>
							<div class="classtext">
								<p>六年级语文</p>
								<p>关注度：★★★★</p>
								<p>适合人群：六年级学生</p>
							</div>
							<h3>小升初精英班</h3>
							<div class="classtext">
								<p>六年级语文</p>
								<p>关注度：★★★★</p>
								<p>适合人群：六年级学生</p>
							</div>
						</div>

					</div>

					<div class="clearfix"></div>

				</div>
			</div>
		</section>
		<section>
			<div class="learnshare">

				<div class="container">
					<h3 class="coursetitle">
						学习互动
					</h3>

					<div class="sharel">
						<h3 class="sharerh3">提分必读</h3>
						<div class="lstop">
							<img src="images/mustread_img.png">
							<h4>东莞生物地理会考大型押题讲座</h4>
							<p>2014年东莞生物地理会考大型押东莞生物地理会考大型押题讲座生物地理会考大型押题讲座年东莞生物地理会考大型押题讲座生物地理会</p>
						</div>
						<ul class="sharer_ul">
							<li><a href="">2014年东莞中考大型押题讲座</a><span>[06-25]</span></li>
							<li><a href="">2014年东莞生物地理会考大型押题讲座</a><span>[06-25]</span></li>
							<li><a href="">精心部署“小升初” 支招助您勇取胜</a><span>[06-25]</span></li>
							<li><a href="">如何备考2014东莞“小升初”</a><span>[06-25]</span></li>
						</ul>
					</div>
					<div class="sharer">
						<h3 class="sharerh3">2014小升初</h3>
						<div class="lstop">
							<img src="images/mustread_img.png">
							<h4>东莞生物地理会考大型押题讲座</h4>
							<p>2014年东莞生物地理会考大型押东莞生物地理会考大型押题讲座生物地理会考大型押题讲座年东莞生物地理会考大型押题讲座生物地理会</p>
						</div>
						<ul class="sharer_ul">
							<li><a href="">2014年东莞中考大型押题讲座</a><span>[06-25]</span></li>
							<li><a href="">2014年东莞生物地理会考大型押题讲座</a><span>[06-25]</span></li>
							<li><a href="">精心部署“小升初” 支招助您勇取胜</a><span>[06-25]</span></li>
							<li><a href="">如何备考2014东莞“小升初”</a><span>[06-25]</span></li>
						</ul>
					</div>

					<div class="sharebg_block"></div>
					<div class="sharebt">
						<div class="sharel">
							<h3 class="sharerh3">星火题库</h3>
							<div class="lstop">
								<img src="images/mustread_img.png">
								<h4>东莞生物地理会考大型押题讲座</h4>
								<p>2014年东莞生物地理会考大型押东莞生物地理会考大型押题讲座生物地理会考大型押题讲座年东莞生物地理会考大型押题讲座生物地理会</p>
							</div>
							<ul class="sharer_ul">
								<li><a href="">2014年东莞中考大型押题讲座</a><span>[06-25]</span></li>
								<li><a href="">2014年东莞生物地理会考大型押题讲座</a><span>[06-25]</span></li>
								<li><a href="">精心部署“小升初” 支招助您勇取胜</a><span>[06-25]</span></li>
								<li><a href="">如何备考2014东莞“小升初”</a><span>[06-25]</span></li>
							</ul>
						</div>
						<div class="sharer">
							<h3 class="sharerh3">招生政策</h3>
							<div class="lstop">
								<img src="images/mustread_img.png">
								<h4>东莞生物地理会考大型押题讲座</h4>
								<p>2014年东莞生物地理会考大型押东莞生物地理会考大型押题讲座生物地理会考大型押题讲座年东莞生物地理会考大型押题讲座生物地理会</p>
							</div>
							<ul class="sharer_ul">
								<li><a href="">2014年东莞中考大型押题讲座</a><span>[06-25]</span></li>
								<li><a href="">2014年东莞生物地理会考大型押题讲座</a><span>[06-25]</span></li>
								<li><a href="">精心部署“小升初” 支招助您勇取胜</a><span>[06-25]</span></li>
								<li><a href="">如何备考2014东莞“小升初”</a><span>[06-25]</span></li>
							</ul>
						</div>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
		</section>
		<section>
			<div class="schoolarea">
					<div class="container">
						<h3 class="coursetitle">
							星·校区
						</h3>
						<div class="scarea">
							<ul class="idTabs">
								<li><a href="#dongguang">东莞</a></li>   
								<li><a href="#foshan">佛山</a></li>
								<li><a href="#huizhou">惠州</a></li>
								<li><a href="#huizhou">中山</a></li>
								<li><a href="#huizhou">顺德</a></li>
								<li><a href="#huizhou">江门</a></li>
								<li><a href="#huizhou">无锡</a></li>
								<li><a href="#huizhou">扬州</a></li>
								<li><a href="#huizhou">常州</a></li>
								<li><a href="#huizhou">珠海</a></li>
					
							</ul> 
						</div>
					
					<div class="subarea">
						<div id="dongguang">
							<ul class="idTabs">
								<li><a href="#ronghua">雍华庭校区|</a>
									<ul>
										<li id="ronghua" class="tab_maopao">咨询热线：<br>校区地址：东城大道188号</li>
									</ul>
					
								</li>
								<li><a href="#zhongkaojy">中考精英班校区|</a>
									<ul>
										<li id="zhongkaojy" class="tab_maopao">咨询热线：<br>校区地址：虎门花城广场08号</li>
									</ul>
					
								</li>
								<li><a href="#guancheng">莞城校区|</a>
									<ul>
										<li id="guancheng" class="tab_maopao">咨询热线：<br>校区地址：莞城南海大道</li>
									</ul>
								</li>
								<li><a href="#guanzhong">莞中校区|</a>
									<ul>
										<li id="guanzhong" class="tab_maopao">咨询热线：<br>校区地址：莞中南海大道</li>
									</ul>
								</li>
								<li><a href="#yifeng">怡丰校区|</a>
									<ul>
										<li id="yifeng" class="tab_maopao">咨询热线：<br>校区地址：怡丰南海大道</li>
									</ul>
								</li>
								<li><a href="#changping">常平校区|</a>
									<ul>
										<li id="changping" class="tab_maopao">咨询热线：<br>校区地址：常平的福分</li>
									</ul>
								</li>
								<li><a href="#humen">虎门校区|</a>
									<ul>
										<li id="humen" class="tab_maopao">咨询热线：<br>校区地址：虎门大道</li>
									</ul>
								</li>
								<li><a href="#changan">长安校区|</a>
									<ul>
										<li id="changan" class="tab_maopao">咨询热线：<br>校区地址：长安校区</li>
									</ul>
								</li>
								
								<li><a href="#shilong">石龙校区 |</a>
									<ul>
										<li id="shilong" class="tab_maopao">咨询热线：<br>校区地址：石龙校区 </li>
									</ul>
								</li>
								<li><a href="#dongtai">东泰校区|</a>
									<ul>
										<li id="dongtai" class="tab_maopao">咨询热线：<br>校区地址：东泰校区</li>
									</ul>
								</li>
								<li><a href="#tangxia">塘厦校区|</a>
									<ul>
										<li id="tangxia" class="tab_maopao">咨询热线：<br>校区地址：塘厦校区</li>
									</ul>
								</li>
								<li><a href="#dongchengyu">东城御景校区|</a>
									<ul>
										<li id="dongchengyu" class="tab_maopao">咨询热线：<br>校区地址：东城御景校区</li>
									</ul>
								</li>
								<li><a href="#humenhh">虎门黄河校区 |</a>
									<ul>
										<li id="humenhh" class="tab_maopao">咨询热线：<br>校区地址：虎门黄河校区</li>
									</ul>
								</li>
							</ul>
					
						</div> 
						<div id="foshan">
							<ul class="idTabs">
								<li><a href="#ronghua2">佛山校区校区32332|</a>
									<ul>
										<li id="ronghua2" class="tab_maopao">咨询热线：324213<br>校区地址：东城大道188号</li>
									</ul>
					
								</li>
								<li><a href="#zhongkaojy2">佛山中考精英班校区33|</a>
									<ul>
										<li id="zhongkaojy2" class="tab_maopao">咨询热线：32423<br>校区地址：虎门花城广场08号</li>
									</ul>
					
								</li>
								<li><a href="#meilisa2">佛山梅丽莎校区3423|</a>
									<ul>
										<li id="meilisa2" class="tab_maopao">咨询热线：<br>校区地址：佛山南海大道</li>
									</ul>
								</li>
					
							</ul>
					
					
						</div>
					
							
						</div>
						<div class="clearfix"></div>
					</div>
				
				</div>
		
		</section>
		<section></section>
		<footer>
			<div class="footer">
				<div class="container">
					<div class="btnav">
						<div class="btnavl">
							<ul>
								<li><h4>星火网站导航</h4></li>
								<li>学员通道</li>
								<li>课程了解</li>
								<li>最新活动</li>
								<li>荣誉学员</li>
							</ul>
							<ul>
								<li><h4>星火学员服务</h4></li>
								<li>我要报读</li>
								<li>查看课程表</li>
								<li>我要调课</li>
								<li>我要续读</li>
							</ul>
							<ul>
								<li><h4>了解星火教育</h4></li>
								<li>关于星火</li>
								<li>星火老师</li>
								<li>上课视频</li>
								<li>学生提分案例</li>
							</ul>
							<ul>
								<li><h4>学习交流天地</h4></li>
								<li>备考政策</li>
								<li>星火题库下载</li>
								<li>学习技巧</li>
								<li>心灵交流</li>
							</ul>
						</div>
						<div class="btnavr">
							<ul>
								<li><span>星火官方微信</span><img src="images/wechat.png"></li>
								<li><span>星火官方微博</span><img src="images/weibo.png"></li>
							</ul>
							<p>扫描关注我们，有意外惊喜</p>
						</div>
					</div>

					<div class="kefu">
						<h4>客服中心热线</h4>
						<p><span>全国免费咨询热线：40-0111-250</span> 
							<span>服务时间：周一至周六9:00-1800</span> 
							<a href="">在线咨询入口</a>   </p>
					</div>
					<div class="copyright">
						<p>Copyright ©2002-2013 All Rights Reserved. 粤ICP备09206330号-1</p>
						<p>全国统一咨询热线：4000-111-250 &nbsp;
							地址：广东省东莞市东城大道188号新华大厦十六楼</p>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>

		</footer>
	</div>


<script type="text/javascript" src="js/unslider.min.js"></script>
<script type="text/javascript" src="js/jquery.cxscroll.min.js"></script>
<script type="text/javascript" src="js/jquery.idTabs.min.js"></script>
<script>
$(document).ready(function(){
	//下拉导航
	function droNav(){
		$("#clcourse,.clcourse").bind("mouseover",function(){
			$(".clcourse").show();
		  $("#clbth").css("color","#6e529f");
		  $("#clcourse").addClass("clcourse_hover");

		});
		$("#clcourse,.clcourse").bind("mouseout",function(){
			$(".clcourse").hide();
		   $("#clbth").css("color","#fff");
		   $("#clcourse").removeClass("clcourse_hover");

		});

	};
	droNav();

	//焦点幻灯片
	$('.simg').unslider();
	var unslider = $('.simg').unslider();

    var unslider04 = $('.simg').unslider({
		dots: true
	}),
	data04 = unslider04.data('unslider');
	
	$('.unslider-arrow04').click(function() {
        var fn = this.className.split(' ')[1];
        data04[fn]();
    });
    //荣耀同学滑块
    $('.focusslider').unslider();
	var unslider = $('.focusslider').unslider();

    var unslider04 = $('.focusslider').unslider({
		dots: true
	}),
	data04 = unslider04.data('unslider');
	
	$('.unslider-arrow04').click(function() {
        var fn = this.className.split(' ')[1];
        data04[fn]();
    });
    //星级老师滑块
    $('#teachslide').cxScroll();

});
</script>
</body>
</html>